<template>
  <!-- 开远网站定义--底部版权信息 -->
  <a-row v-if="projectCode === 'ky'">
    <a-col :span="18">
      <p class="text-red-500 font-bold">企业管理系统不对外、仅供企业内信息管理沟通用！</p>
      <p>地址：云南省红河州开远市智源北路60号 邮编：661601</p>
      <p>版权所有：国能开远发电有限公司</p>
    </a-col>
    <a-col :span="2"><img class="beianImage" /></a-col>
    <a-col :span="4" style="text-align: left">
      <p>联网使用单位备案信息</p>
      <p>编号53250204702001</p>
      <p>备案日期2009年11月17日</p>
    </a-col>
  </a-row>
  <!-- 阳宗海网站定义--底部版权信息 -->
  <a-row v-else-if="projectCode === 'yzh'">
    <a-col :span="24">
      <p>地址：云南省昆明市阳宗海风景名胜区汤池镇 邮编：652103</p>
      <p>版权所有：国能阳宗海发电有限公司</p>
    </a-col>
  </a-row>
  <!-- 渠成网站定义--底部版权信息 -->
  <a-row v-else>
    <a-col :span="24">
      <p>Copyright © 2022-{{ currentYear }} 云南渠成科技有限公司</p>
      <a href="https://beian.miit.gov.cn/" target="_blank" style="color: #666666"
        >滇ICP备2022003142号</a
      >
    </a-col>
  </a-row>
</template>
<script lang="ts">
  import { defineComponent, ref } from 'vue';
  import { useGlobSetting } from '/@/hooks/setting';

  export default defineComponent({
    name: 'CmsCopyrightComponent',
    setup() {
      const { globalProjectCode } = useGlobSetting();

      const projectCode = ref<String>(globalProjectCode);

      /**
       * 当前年份，用于显示版权信息中的截止年份
       */
      const currentYear = ref<String | number>(new Date().getFullYear());

      return {
        projectCode,
        currentYear,
      };
    },
  });
</script>
<style scoped lang="less">
  .beianImage {
    @apply h-full;

    content: url('/@/../images/beian.jpg');
    object-fit: scale-down;
  }
</style>
